<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>


    <!--引入jquery-->
    <script src="./jquery-3.6.0.min.js"></script>

    <script>

        /*全局绑定 keyup 事件  on相当于绑定*/
        var onkeyup = function (event) {
            alert(111)
            alert(event.keyCode)
        }



        /*全局 键盘抬起 事件   测试发现这个优先级 比上面的高 */
        $(document).keyup(function (event) {
            if (event.keyCode == 13) {
                alert('你按下了Enter');
            }
        });




    </script>
</head>
<body>

<input id="btn" onkeydown="fun(event)">


<script>

    /*属性绑定 keydown事件  原生的webapi */
    var fun = function (event) {
        alert(222)
        alert(event.keyCode)
    }


    /*使用jquery的方法  和上面的 函数作用一样 都能获取 键盘事件*/
    $("#btn").keydown(function (event) {
        if (event.keyCode == 13) {
            alert('你按下了Enter');
        }
    });
</script>

</body>
</html>